<div>
    <h1 style="text-align: center;font-weight: bold">个人资料</h1>
</div>
<div class="row" ms-controller="Test">
    <!--标题-->
    <div class="col-md-12">

        <div class="row">
            <button class="pull-right btn btn-info" data-toggle="modal" data-target="#myModal">编辑</button>
            <div class="modal fade dialog" id="myModal" tabindex="-1" role="dialog"
                 aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                &times;
                            </button>
                            <h3 class="modal-title" id="myModalLabel" style="text-align: center">编辑资料</h3>
                        </div>
                        <div class="modal-body" style="left: 13%">
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon dialog-sp">姓名</span>
                                <input class="form-control" value="hihi">
                            </div>
                            <br>
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon dialog-sp">身份证号</span>
                                <input class="form-control" value="511523199408394678">
                            </div>
                            <br>
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon dialog-sp">密码</span>
                                <input class="form-control" value="51152" type="password">
                            </div>
                            <br>
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon dialog-sp">层次</span>
                                <input class="form-control" value="本科" readonly>
                            </div>
                            <br>
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon dialog-sp">专业</span>
                                <input class="form-control" value="软件工程" readonly>
                            </div>
                            <br>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary"
                                    data-dismiss="modal">确定
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search_head col-md-8" style="margin-top: 10px;left: 35%">
                <div class="input-group input-group-sm">
                    <span class="input-group-addon dialog-sp">姓名</span>
                    <input class="form-control" value="hihi" readonly>
                </div>
                <br>
                <div class="input-group input-group-sm">
                    <span class="input-group-addon dialog-sp">身份证号</span>
                    <input class="form-control" value="511523199408394678" readonly>
                </div>
                <br>
                <div class="input-group input-group-sm">
                    <span class="input-group-addon dialog-sp">层次</span>
                    <input class="form-control" value="本科" readonly>
                </div>
                <br>
                <div class="input-group input-group-sm">
                    <span class="input-group-addon dialog-sp">专业</span>
                    <input class="form-control" value="软件工程" readonly>
                </div>
                <br>
            </div>
        </div>
    </div>
</div>